
<template>
	<div class="amendPwd-main">
		<div class="amendPwd-box">
			<ul>
				<li>
					 <input type="text" placeholder="请输入旧密码" class="oldPwd"/>
				</li>
				<li class="amend-top"></li>
				<li>
					 <input type="password" placeholder="请输入新密码" class="NewPwd"/>
				</li>
				<li>
					 <input type="password" placeholder="请确认新密码" class="NewPwd"/>
				</li>
			</ul>
		</div>
		<!-- btn -->
		<div class="amendPwd-btn">确定</div>
	</div>
</template>

<script>
	export default{
		name:'amendPassword'
	}
</script>

<style>


.amendPwd-main{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.amendPwd-box{
	margin-top: 0.1rem;
	overflow: hidden;
}
.amendPwd-box ul li{
	width: 100%;
	height: 0.36rem;
	background: white;
	float: left;
}
.amendPwd-box ul li input{
	width: 4rem;
	font-size: 0.14rem;
	float: left;
	padding: 0.1rem 0 0.1rem 0.2rem;
}
.amendPwd-box ul li:nth-child(3){
	border-bottom: 0.01rem solid #e6e6e6;
}
.amendPwd-box ul .amend-top{
	height: 0;
	margin-top: 0.1rem;
}
.amendPwd-btn{
	width: 100%;
	height: 0.36rem;
	background: #4097FE;
	line-height: 0.36rem;
	text-align: center;
	color: white;
	font-size: 0.12rem;
	margin-top: 0.1rem;
}
</style>

